ارسال مقادیر بین کامپوننت ها در Blazor چگونه می باشد ؟ ارتباط بین کامپوننت ها در بلیزر

پاسخ هوش مصنوعی

در Blazor، برای ارسال مقادیر بین کامپوننت ها می توان از تکنیک های مختلفی استفاده کرد. یکی از رایج ترین روش ها استفاده از پارامترها و مدیریت وضعیت است. در ادامه، روش های مختلف ارسال مقادیر بین کامپوننت ها را بررسی می کنیم:

1. استفاده از پارامترها

می توانید از پارامترها برای ارسال مقادیر از یک کامپوننت والد به کامپوننت فرزند استفاده کنید. مثلاً:

@code {
    private string message = "Hello from Parent!";
}

در کامپوننت ChildComponent، پارامتر را به صورت زیر تعریف کنید:

@code {
    [Parameter]
    public string Message { get; set; }
}

2. استفاده از EventCallback

برای ارسال داده ها از کامپوننت فرزند به والد، می توانید از EventCallback استفاده کنید:

@code {
    [Parameter]
    public EventCallback OnMessageChanged { get; set; }

    private void SendMessage() {
        OnMessageChanged.InvokeAsync("Hello from Child!");
    }
}

در کامپوننت والد:

@code {
    private void HandleMessage(string message) {
        // Handle the message from the child component
    }
}

3. استفاده از خدمات Singleton

اگر نیاز دارید که چند کامپوننت به یک وضعیت مشترک دسترسی داشته باشند، می توانید از یک سرویس به عنوان Singleton استفاده کنید. به عنوان مثال:

public class MessageService {
    public string Message { get; set; }
}

سپس این سرویس را در Startup.cs به عنوان Singleton ثبت کنید:

services.AddSingleton<MessageService>();

در هر کامپوننت، می توانید به این سرویس دسترسی پیدا کرده و پیام ها را تنظیم یا دریافت کنید:

@inject MessageService messageService

@code {
    private void UpdateMessage() {
        messageService.Message = "New message!";
    }
}

در نهایت، با استفاده از این روش ها می توانید مقادیر را به راحتی بین کامپوننت ها در Blazor جابه جا کنید.

ارسال مقادیر بین کامپوننت ها در Blazor چگونه می باشد ؟ ارتباط بین کامپوننت ها در بلیزر

به طور کلی ارتباط بین کامپوننتها در Blazor با پنج روش انجام می شود.

• Routing Parameter
• Regular Parameter
• Casecading Parameter
• Event CallBack
• Refference 

Routing Parameter در Blazor

خب اولین روش برای انتقال اطلاعات بین کامپوننت ها در Blazor روش Routing Parameter هست. از این روش زمانی استفاده می شود که قصد داریم یک پارامتر را از یک Razor Page به Razor Page دیگه ای انتقال بدیم یا اینکه از یک کامپوننت در یک Page به Page دیگری انتقال داده بشه.. به تصویر زیر دقت کنید:

در تصویر بالا Routing Parameter مشخص شده است. در واقع از این ارتباط زمانی استفاده می شود که قصد داریم مقداری را از یک صفحه به صفحه دیگر انتقال دهیم.

Regular Parameter در Blazor

پارامترهای عادی یا Regular Parameter ها در Blazor زمانی استفاده می شود، که قصد داشته باشیم یک مقدار را از یک کامپوننت Parent به یک کامپوننت Child ارسال کنیم. در این صورت از Regular Component استفاده می شود.

Casecading Parameter در Blazo

پارامترهای از نوع Casecading برای زمانی استفاده می شود که قصد داریم یک پارامتر را از یک Page یا یک Component به چند مرحله پایین تر ارسال کنیم. تصویر زیر گویای این موضوع می باشد.

Event CallBack در Blazor

اگر بخواهیم یک پارامتر را از یک کامپوننت Child به کامپوننت Parent خود ارسال کنیم می توانیم از Event CallBack استفاده کنیم.

Reffernce Parameter در Blazor

از Refference Parameter ها در Blazor در پاسخ به Event CallBack استفاده می شود. یعنی زمانی که یک پارامتر از کامپوننت Child به سمت کامپوننت Parent ارسال شد و مجددا به Child ارسال شد، ارسال دوم از Parent به سمت Child را Refference Parameter می گویند.

آموزش Blazor در Asp.net Core 5